<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title><?php echo $title; ?></title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Le styles -->
        <?php
        echo "<link href='" . base_url() . "assets/css/bootstrap.css' rel='stylesheet' type='text/css'/>";
        echo "<link href='" . base_url() . "assets/css/docs.css' rel='stylesheet' type='text/css'/>";
        ?>
        <style type="text/css">
            body {
                padding-top: 60px;
                padding-bottom: 40px;
            }
            .sidebar-nav {
                padding: 9px 0;
            }
        </style>
        <?php
        echo "<link href='" . base_url() . "assets/css/bootstrap-responsive.css' rel='stylesheet' type='text/css'/>"
        ?>

        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <!-- Le fav and touch icons -->
        <?php
        echo "<link href='" . base_url() . "assets/ico/favicon.ico' rel='shortcut icon'/>";
        echo "<link rel = 'apple-touch-icon-precomposed' sizes = '144x144' href = '" . base_url() . "assets/ico/apple-touch-icon-144-precomposed.png'>";
        echo "<link rel = 'apple-touch-icon-precomposed' sizes = '114x114' href = '" . base_url() . "assets/ico/apple-touch-icon-114-precomposed.png'>";
        echo "<link rel = 'apple-touch-icon-precomposed' sizes = '72x72' href = '" . base_url() . "assets/ico/apple-touch-icon-72-precomposed.png'>";
        echo "<link rel = 'apple-touch-icon-precomposed' href = '" . base_url() . "assets/ico/apple-touch-icon-57-precomposed.png'>";
        ?>
    </head>

    <body data-offest='50' data-target=".subnav" data-spy="scroll" data-twttr-render="true">
        <div class="container">
            <header id="overview" class="jumbotron subhead"></header>
            <?php foreach ($isi as $key) : ?>
                <?php echo $key->keterangan ?>
            <?php endforeach; ?>
        </div>
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span4"></div>
                <div class="span4">
                    <?php
                    $att = array(
                        'class' => 'well',
                        'name' => 'login'
                    );
                    echo form_open('main/login', $att);
                    ?>
                    <label>Username</label>
                    <input type="text" class="span7" placeholder="Masukkan username…" name="name">
                    <label>Password</label>
                    <input type="password" class="span7" placeholder="Masukkan password…" name="pass">
                    <button type="submit" class="btn btn-primary">Login</button>
                    <?php
                    echo form_close();
                    ?>
                </div>
                <div class="span4"></div>
            </div>
        </div>

        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <?php
        echo "<script src = '" . base_url() . "assets/js/jquery.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-transition.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-alert.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-modal.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-dropdown.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-scrollspy.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-tab.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-tooltip.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-popover.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-button.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-collapse.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-carousel.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-typeahead.js'></script>";
        ?>
        <script>
            $('.tool')    .tooltip('title');
        </script>
    </body>
</html>